<!DOCTYPE html>

<!--
  Google HTML5 slide template

  Authors: Luke Mahé (code)
           Marcin Wichary (code and design)
           
           Dominic Mazzoni (browser compatibility)
           Charles Chen (ChromeVox support)

  URL: http://code.google.com/p/html5slides/
-->

<html>
  <head>
    <title>Product Feedback User Guide</title>

    <meta charset='utf-8'>
    <script
    src='http://pfbuserguide.googlecode.com/svn/trunk/User Manual/slides.js'></script>
  </head>
  
  <style>
  
<!--        Your individual styles here, or just use inline styles if that’s
       what you want. -->
    
  </style>

  <body style='display: none'>

    <section class='slides layout-regular template-default'>
      
      <!-- Your slides (<article>s) go here. Delete or comment out the
           slides below. -->
        
           
      <article class='biglogo'>
      </article>

      <article>
	 
	   <div class="build">
	    <h1>User Manual</h1>
		</br>		
        <h3>
		    Show you the history and the usage of Product Feedback
        </h3>
        <p>
          Fei PAN
          <br>
          June 28, 2013
        </p>
		</div>
      </article>
      
      <article class='smaller'>
        <h3>
          Preface
        </h3>
		</br>
		<div class="build">
        <p>
           Before you enter the address in the address bar of your browser</p>
		<p>you may need to know for what the genius Product Feedback serves and its history</p>
		</div>
		</br>
		<h3>
		Context
		</h3>
        <ul class="build">
          <li>
           History of the PFB
          </li>	  
		  <li>
           Desktop PFB
          </li>	  
		  <li>
		   Mobile PFB 
          </li>	  
        </ul>
      </article>
	  
	        <article class='smaller'>
        <h3>
          HISTORY
        </h3>
		</br>
		<div class="build">
		<p>Just imagine</p>
		<p>one year ago</p>
		 <p>during a brainstorming of Humaneo Community</p>
		 <p>in a bright and perfumed meeting room</p>
		 <p>our lovely and innovative Laurent</p>
		 <p>started to complain about the low efficiency of the after-sales services of Leroy Merlin France</p>
		 
		 <p>“Why they never get to know how the customers feel about our products ?
		 Let’s make it out, do something cool you guys! “</p>
		 <p>
          <img class='centered' style='height: 200px' src='images/i-want-you.jpg'>
        </p>
      
		</div>
      </article>

      <article class='smaller'>
        <h3>
          HISTORY
        </h3>
		</br>
	  <div class="build">
		<p>
         Actually, the idea of PFB was proposed by Mr. Laurent VERGULT, who works as a project manager in General Services Department of Adeo Services.
        </p>
		<p>
          <img class='centered' style='height: 300px' src='images/Laurent_VERGULT.jpg'>
        </p>
        </div>
      </article>


      <article class='smaller'>
	  
	    <h3>
          HISTORY
        </h3>
		</br>
		<div class="build">
		<p>
         After a month, people celebrated the naissance of the PFB.</p>
		 <p>They should remember 5 persons who contributed to the project: </p></br>
		 </div>
		  <ul class="build">
          <li>
           Mr. Jean Baptiste DAVID, who completed the authentication LDAP and CAS,
          </li>	  
		  <li>
           Mr. Olivier VANDUYNSLAEGER, who took care of the integration of some product files,
          </li>	  
		  <li>
		   Mr. Nicolas Inschauspé, who was in charge of the development of Spring MVC and the responsive design,
          </li>
		  <li>
		   Mr. Laurent VERGULT, the creator of this idea,
          </li>
		  <li>
		   and Mr. Vianney LEPOUTRE, who is very important for me, for the reason that he is my sponsor. That’s why I am sitting here and writing the user manual.
          </li>
		 <img style='width: 100px; display:block-inline' src='images/Jean_Baptiste_DAVID.jpg'>
		 <img style='width: 100px; display:block-inline' src='images/Olivier_VANDUYNSLAEGER.jpg'>
		 <img style='width: 100px; display:block-inline' src='images/INCHAUSPE_Nicolas.png'>
		 <img style='width: 100px; display:block-inline' src='images/Laurent_VERGULT.jpg'>
		 <img style='width: 100px; display:block-inline' src='images/Vianney_LEPOUTRE.jpg'>
        </ul>

		
      </article>

      <article class='smaller'>
        <h3>
         HISTORTY 
        </h3>
		</br>
		<div class="build">
		<p>
		So, return to the objective of the PFB, very simple</p>
		<p>it is for obtaining the users’ reviews about all the products in Leroy Merlin France</p></br>
		<p>In the next slide, I will lead you into the usage of the PFB</p>
		 <p>
          <img class='centered' style='height: 350px' src='images/very_bad_blagues.jpg'>
        </p>
		</div>
      </article>
	  
<article class='smaller'>
        <h3>
		DESKTOP PFB
        </h3>
		</br>
        <div class="build">
          <p>Get out your preferred browser</p>
		  <p>I mean, whatever you choose, Firefox or Chrome, Safari, Opera, IE 9, even (old-fashioned) IE 8, IE 7 </p>
		  
		  <p>Enter  <a href="https://feedback.groupeadeo.com">feedback.groupeadeo.com</a>  and there we are!</p>
          <p>
          <img class='centered' style='width: 800px' src='images/before_login_eng.png'>
        </p>
        </div>
      </article>

      <article class='smaller'>
        <h3>
		DESKTOP PFB
        </h3>
		</br>
		<div class="build">
        <ul>
          <li>
          Tape in your LDAP account
          <li>
		  Don’t ask me if you lost your LDAP account or more badly you don’t have a LDAP
		  <li>
		  I have no idea about handling this problem
        </ul>
		
		<p>
         <img class='centered' style='width: 800px' src='images/login_eng.png'>
        </p>
		
		</div>
      </article>
	  
	        <article class='smaller'>
        <h3>
		DESKTOP PFB
        </h3>
		</br>
		<div class="build">
	    <p> Chose what you want to do </p>	
		<p>
         <img class='centered' style='width: 800px' src='images/index_eng.png'>
        </p>
		
		</div>
      </article>
	  
      <article class='smaller'>
        <h3>
          DESKTOP PFB
        </h3>
		</br>
		<div class="build">
		<ul>
          <li>
          Sorry for that we don’t support Weldom or LM Portugal at this moment
          <li>
		  Only the products of LM France are accepted
		  <li>
		  For example, 69330982, that’s a reference in LM France
		  <li>
		  Here we arrive at the core of the PFB
        </ul>
		
		<p>
           <img class='centered' style='width: 800px' src='images/search_feedback_eng.png'>
        </p>
        
		</div>
      </article>
      
      <article class='smaller'>
        <h3>
          DESKTOP PFB
        </h3>
		</br>
		<div class="build">
          <p>Finish these questions and say anything you want</p>
		  <p>And either press ENTER or click “Post your opinion”</p>
          <p>
          <img class='centered' style='width: 800px' src='images/survey_eng.png'>
        </p>
        </div>
        
      </article>
      
      <article class='smaller'>
        <h3>
          DESKTOP PFB
        </h3>
		</br>
		<div class="build">
          <p>Thanks and congratulations, you have done a good job</p>

          <p>
          <img class='centered' style='width: 800px' src='images/bye_eng.png'>
        </p>
        </div>
		
      </article>
      
      <article class='smaller'>
        <h3>
          MOBILE PFB
        </h3>
		</br>
		 <div class="build">
          <p>BUT this is not the END</p>
		  <p>A more delicate mobile version is prepared</p>
		  <p>
          <img class='centered' style='height: 400px' src='images/ios_login_eng.png'>
        </p>
        </div>
      </article>

      <article class='smaller'>
        <h3>
          MOBILE PFB
        </h3>
		<p>iOS & android Only</p>
		
        <p>
          <img class='centered' style='height: 500px' src='images/ios_search_feedback_eng.png'>
        </p>

      </article>
	  <article class='smaller'>
        <h3>
          MOBILE PFB
        </h3>
		
        <p>
          <img class='centered' style='height: 500px' src='images/ios_survey_eng_1.png'>
        </p>

      </article>
	  <article class='smaller'>
        <h3>
          MOBILE PFB
        </h3>
		
        <p>
          <img class='centered' style='height: 500px' src='images/ios_survey_eng_2.png'>
        </p>

      </article>
	  <article class='smaller'>
        <h3>
          MOBILE PFB
        </h3>
		
        <p>
          <img class='centered' style='height: 500px' src='images/ios_bye_eng.png'>
        </p>

      </article>
	  
      <article class='smaller'>
        <q>
          We will be back ...
        </q>
        <div class='author'>
          Fei PAN
        </div>
      </article>


    </section>

  </body>
</html>
